<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<title>streams</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/LT.css">
	<script type="text/javascript" src="js/LT.js" ></script>
	
	<script language="javascript" type="text/javascript" src="js/jquery-1.6.4.js" ></script>
	<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	
	<script type="text/javascript" src="js/fancybox/jquery.easing-1.4.pack.js"></script>
	
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
	
	<script type="text/javascript">
	$(document).ready(function() {

		/* Using custom settings */	
		$("a#inline").fancybox({
			'hideOnContentClick': true
		});
		
	});
	</script>
	
</head>
<body>
	<center>
		<jsp:include page="header.jsp"> 
			<jsp:param name="user" value="" />
		</jsp:include>
		
		
	<div style="font-family: tahoma,arial,verdana,sans-serif,Lucida Sans; font-size: 11px;  border-top:1px solid #eeeeee; width:800px; height:600px;">
		
		<div style="border-bottom:1px solid #cccccc; padding:10px; text-align:center; background:#F6F6F6; background:#8EB934; color:white;">
			<b>Vladimir Stalmakov</b> 
		</div>
	
	
		<div style="color:#878787;  width:150px; height:200px; margin:10px; float:left; text-align:left;">
			<img src="images/ava.jpg" width="150" height="200" style="border:1px solid #CCCCCC;">
			<div id="actions" style="margin-left:10px;">
				<div style="padding-top:3px; padding-top:10px;"><a href="" style="color:#878787; ">Subscribe</a></div>
				<div style="padding-top:3px;"><a href="" style="color:#878787; ">Add to favourites</a></div>
				<div style="padding-top:3px;"><a href="" style="color:#878787; ">Add to contacts</a></div>
				<div style="padding-top:3px;"><a href="" style="color:#878787; ">Send Message</a></div>
			</div>
		</div>
		<div style="float:left; padding:10px;">
			<div style="border-bottom:1px solid #cccccc; padding-bottom:5px;">
				<b>Vladimir Stalmakov <font color="#999999">online</font> </b> 
				<br>Minsk, Belarus
			</div>
			<div style="margin-top:20px; text-align:left;">
				<div style="padding-bottom:5px;"><b><font color="#71A801">Lime </font>stream:</b> Сижу напротив камеры второй час <a href="" style="color:green; padding-left:5px;">Join</a></div>
				<div>Streams count: 5</div>
				<div style="padding:10px; border-bottom:1px solid #cccccc; padding-bottom:20px;">
					<div style="border-bottom:1px solid #cccccc; width:200px; height:15px; paading:3px; padding-left:10px; margin-bottom:2px; ">Как я жарил попугая</div>
					<div style="border-bottom:1px solid #cccccc; width:200px; height:15px; paading:3px; padding-left:10px;  margin-bottom:2px;">Stream Topic 2</div>
					<div style="border-bottom:1px solid #cccccc; width:200px; height:15px; paading:3px; padding-left:10px;">Stream Topic 3</div>
					<div style="margin-top:5px;"><a href="streams.html">All streams</a></div>
				</div>
				
				<div style="margin-top:20px; font-weight:bold; " >Rating: 125</div>
				
				<div>Sport: 45</div>
				<div>Health: 35</div>
				<div>Politics: 32</div>
				<div>Other: 332</div>
				
				<a id="inline" href="#data">This shows content of element who has id="data"</a>

				<div style="display:none">
					<div id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
				</div>
				
			</div>
		</div>
		<div style="float:right; margin:10px;">
			<div style="float:right; padding:5px; width:120px;">
				<div style="padding-bottom:5px; color:#666666;">Favourites</div>
				<div style="height:200px; background:white; border:1px solid #dddddd">
					<div style="padding:3px;"><a href="" style="color:#333333; text-decoration:underline;">Maks Kozich</a></div>
				</div>
			</div>
			<div style="float:right; padding:5px; width:120px;">
				<div style="padding-bottom:5px; color:#666666;">Contacts</div>
				<div style="height:200px; background:white; border:1px solid #dddddd;">
					<div style="padding:3px;"><a href="" style="color:#333333; text-decoration:underline;">Maks Kozich</a></div>
				</div>
			</div>
		</div>
	</div>

		
		<jsp:include page="footer.jsp" /> 	
		
	</center>

</body>
</html>